<template>
    <div class="my_item">
        <div class="wallet">
            <div class="icon">
                <van-icon name="balance-o" />
            </div>
            <div class="text">我的钱包</div>
            <router-link to="/mine">></router-link>
        </div>
        <div class="address">
            <div class="icon">
                <van-icon name="bars" />
            </div>
            <div class="text">我的地址</div>
            <router-link to="/address?redirct=/mine">></router-link>
        </div>

        <div class="help">
            <div class="icon">
                <van-icon name="service-o" />
            </div>
            <div class="text">客服与帮助</div>
            <router-link to="/mine">></router-link>
        </div>
    </div>
</template>

<script setup></script>

<style lang="scss" scoped>
@import '../../../style/base.scss';
.my_item {
    box-sizing: border-box;
    position: relative;
    width: 3.39rem;
    height: 1.47rem;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0 0.08rem 0.16rem 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.08rem;
    .address {
        width: 100%;
        height: 0.49rem;
        @include flexSet(center, center, none);
        .icon {
            width: 0.22rem;
            height: 0.22rem;
            border-radius: 0.08rem;
            font-size: 0.22rem;
        }
        .text {
            padding-left: 0.12rem;
            width: 2.66rem;
            height: 0.2rem;
            line-height: 0.2rem;
            font-family: PingFangSC-Regular;
            font-size: 0.14rem;
            color: #262626;
        }
        a {
            display: block;
            color: #c2c4ca;
            width: 0.07rem;
            height: 0.12rem;
        }
    }
    .wallet {
        @extend .address;
    }
    .help {
        @extend .address;
    }
}
</style>
